3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2017 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2017-03-15T17:06:28Z
11 .oo-ui-draggableElement-handle
,
12 .oo-ui-draggableElement-handle.oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:active {
20 cursor: url
(images
/grabbing
.cur
);
21 cursor: -webkit-grabbing
;
22 cursor: -moz-grabbing
;
25 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
26 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
29 .oo-ui-draggableElement-placeholder {
32 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
33 display: inline-block
;
35 .oo-ui-draggableElement-handle:focus {
37 box-shadow: inset
0 0 0 1px #36c, 0 0 0 1px #36c;
40 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
45 -webkit-box-sizing: border-box
;
46 -moz-box-sizing: border-box
;
47 box-sizing: border-box
;
49 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
57 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
63 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
66 .oo-ui-bookletLayout-outlinePanel {
67 border-right: 1px solid
#ddd;
69 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
70 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
72 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
75 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
78 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
84 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
94 .oo-ui-menuLayout-menu
,
95 .oo-ui-menuLayout-content {
97 -webkit-transition: all
200ms ease
;
98 -moz-transition: all
200ms ease
;
99 transition: all
200ms ease
;
101 .oo-ui-menuLayout-menu {
105 .oo-ui-menuLayout-content {
111 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
113 height: 0 !important
;
116 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
120 bottom: 0 !important
;
122 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
123 width: auto
!important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
130 bottom: 0 !important
;
133 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
134 height: auto
!important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
140 bottom: 0 !important
;
144 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
145 width: auto
!important
;
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
155 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
156 height: auto
!important
;
161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
164 bottom: 0 !important
;
166 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
170 .oo-ui-buttonSelectWidget {
171 display: inline-block
;
178 .oo-ui-buttonSelectWidget:last-child {
181 .oo-ui-buttonSelectWidget:focus {
184 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
188 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
189 border-bottom-left-radius: 2px;
190 border-top-left-radius: 2px;
193 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
194 border-bottom-right-radius: 2px;
195 border-top-right-radius: 2px;
197 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
199 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
201 .oo-ui-buttonSelectWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
202 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
205 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
208 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
211 .oo-ui-buttonOptionWidget {
212 display: inline-block
;
215 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
218 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
219 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
221 display: inline-block
;
222 vertical-align: middle
;
224 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
225 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
226 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
227 background-color: transparent
;
229 .oo-ui-toggleButtonWidget {
232 .oo-ui-toggleButtonWidget:last-child {
235 .oo-ui-toggleSwitchWidget {
237 display: inline-block
;
238 vertical-align: middle
;
240 -webkit-box-sizing: border-box
;
241 -moz-box-sizing: border-box
;
242 box-sizing: border-box
;
243 -webkit-transform: translateZ
(0);
244 transform: translateZ
(0);
245 background-color: #f8f9fa;
249 border: 1px solid
#72777d;
252 -webkit-transition: background-color
250ms, border-color
250ms;
253 -moz-transition: background-color
250ms, border-color
250ms;
254 transition: background-color
250ms, border-color
250ms;
256 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
259 .oo-ui-toggleSwitchWidget-grip {
262 -webkit-box-sizing: border-box
;
263 -moz-box-sizing: border-box
;
264 box-sizing: border-box
;
266 .oo-ui-toggleSwitchWidget:last-child {
269 .oo-ui-toggleSwitchWidget:before {
277 border: 1px solid transparent
;
280 -webkit-transition: border-color
250ms;
281 -moz-transition: border-color
250ms;
282 transition: border-color
250ms;
284 .oo-ui-toggleSwitchWidget-grip {
290 border-radius: 1.25em;
291 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
292 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
293 transition: background-color
250ms, left
100ms, margin-left
100ms;
295 .oo-ui-toggleSwitchWidget-glow {
298 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
302 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
306 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
307 background-color: #f8f9fa;
308 border: 1px solid
#72777d;
310 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
311 background-color: #fff;
312 border-color: #447ff5;
314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
315 background-color: #fff;
316 border-color: #447ff5;
318 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
319 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
,
320 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
321 background-color: #2a4b8d;
322 border-color: #2a4b8d;
323 box-shadow: inset
0 0 0 1px #2a4b8d;
325 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
326 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
.oo-ui-toggleSwitchWidget-grip
,
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
328 background-color: #fff;
330 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
334 box-shadow: inset
0 0 0 1px #36c;
337 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
340 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
341 background-color: #36c;
344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
345 background-color: #fff;
347 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
349 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
350 background-color: #447ff5;
351 border-color: #447ff5;
353 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
354 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
355 background-color: #2a4b8d;
356 border-color: #2a4b8d;
358 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
361 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
364 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
365 background-color: #c8ccd1;
366 border-color: #c8ccd1;
369 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
370 border: 1px solid
#fff;
371 box-shadow: inset
0 0 0 1px #fff;
373 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
374 background-color: #fff;
376 .oo-ui-selectFileWidget {
377 display: inline-block
;
378 vertical-align: middle
;
383 .oo-ui-selectFileWidget-selectButton {
386 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
390 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
403 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
406 .oo-ui-selectFileWidget-info {
409 vertical-align: middle
;
412 -webkit-box-sizing: border-box
;
413 -moz-box-sizing: border-box
;
414 box-sizing: border-box
;
416 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
417 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
422 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
424 -webkit-touch-callout: none
;
425 -webkit-user-select: none
;
426 -moz-user-select: none
;
427 -ms-user-select: none
;
430 .oo-ui-selectFileWidget-label {
436 text-overflow: ellipsis
;
438 .oo-ui-selectFileWidget-clearButton {
442 .oo-ui-selectFileWidget-dropTarget {
447 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
448 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
449 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
452 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
458 background-position: center center
;
459 background-repeat: no-repeat
;
460 background-size: contain
;
462 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
463 background-repeat: repeat
;
464 background-size: auto
;
466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
475 margin-left: 8.815em;
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
483 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
486 padding-right: 2.375em;
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
491 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
492 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
495 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
497 margin: 2.2em 1em 1em;
499 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
500 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
503 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
504 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
507 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
508 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
511 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
514 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
517 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
518 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
519 -webkit-touch-callout: none
;
520 -webkit-user-select: none
;
521 -moz-user-select: none
;
522 -ms-user-select: none
;
525 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
526 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
527 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
528 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
531 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
534 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
537 .oo-ui-selectFileWidget:last-child {
540 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
541 border-radius: 0 2px 2px 0;
543 .oo-ui-selectFileWidget-info {
545 background-color: #fff;
546 border: 1px solid
#a2a9b1;
547 border-radius: 2px 0 0 2px;
548 border-width: 1px 0 1px 1px;
550 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
554 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
556 margin-right: 0.775em;
558 .oo-ui-selectFileWidget-label {
559 -webkit-box-sizing: border-box
;
560 -moz-box-sizing: border-box
;
561 box-sizing: border-box
;
564 padding-top: 0.625em;
565 padding-left: 0.546875em;
566 padding-bottom: 0.546875em;
567 line-height: 1.172em;
570 .oo-ui-selectFileWidget-fileName {
573 text-overflow: ellipsis
;
575 .oo-ui-selectFileWidget-clearButton {
582 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
585 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
588 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
591 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
595 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
598 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
599 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
602 .oo-ui-selectFileWidget-dropTarget {
603 background-color: #fff;
604 border: 1px solid
#a2a9b1;
606 vertical-align: middle
;
609 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
612 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
617 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
618 background-color: #fff;
619 border-style: dashed
;
620 -webkit-transition: background-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
621 -moz-transition: background-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
622 transition: background-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
624 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
625 border-color: #72777d;
627 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
628 background-color: #eaf3ff;
631 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
632 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
633 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
634 background-color: #eaecf0;
635 border-color: #c8ccd1;
637 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
638 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
639 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
640 background-color: #eaecf0;
642 border-color: #c8ccd1;
643 text-shadow: 0 1px 1px #fff;
645 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
646 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
647 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
650 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
651 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
652 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
655 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
658 .oo-ui-outlineSelectWidget {
661 .oo-ui-outlineSelectWidget:focus {
662 box-shadow: inset
0 0 0 2px #36c;
664 .oo-ui-outlineOptionWidget {
665 -webkit-touch-callout: none
;
666 -webkit-user-select: none
;
667 -moz-user-select: none
;
668 -ms-user-select: none
;
672 -webkit-transition: background-color
100ms, color
100ms;
673 -moz-transition: background-color
100ms, color
100ms;
674 transition: background-color
100ms, color
100ms;
676 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
677 background-color: #eaecf0;
680 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
681 background-color: #eaf3ff;
684 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
685 background-color: rgba
(41, 98, 204, 0.1);
688 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
689 font-size: 90.90909%;
691 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
692 padding-right: 1.5em;
694 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
697 .oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement {
698 padding-left: 2.571em;
700 .oo-ui-outlineOptionWidget-level-1 {
701 padding-left: 2.571em;
703 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
704 padding-left: 4.429em;
706 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
709 .oo-ui-outlineOptionWidget-level-2 {
710 padding-left: 5.142em;
712 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
713 padding-left: 6.857em;
715 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
718 .oo-ui-outlineControlsWidget {
720 background-color: #fff;
722 .oo-ui-outlineControlsWidget-items
,
723 .oo-ui-outlineControlsWidget-movers {
725 -webkit-box-sizing: border-box
;
726 -moz-box-sizing: border-box
;
727 box-sizing: border-box
;
729 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
731 background-position: right center
;
733 .oo-ui-outlineControlsWidget-items {
736 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
739 .oo-ui-outlineControlsWidget-movers {
742 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
745 .oo-ui-outlineControlsWidget-items
,
746 .oo-ui-outlineControlsWidget-movers {
748 margin: 0.5em 0.5em 0.5em 0;
751 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
754 margin: 0.5em 0 0.5em 0.5em;
757 .oo-ui-tabSelectWidget {
761 background-color: #eaecf0;
763 .oo-ui-tabOptionWidget {
764 display: inline-block
;
765 vertical-align: bottom
;
767 margin: 0.5em 0 0 0.75em;
768 border: 1px solid transparent
;
770 border-top-left-radius: 2px;
771 border-top-right-radius: 2px;
774 -webkit-transition: background-color
100ms, color
100ms;
775 -moz-transition: background-color
100ms, color
100ms;
776 transition: background-color
100ms, color
100ms;
778 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
779 background-color: rgba
(255, 255, 255, 0.3);
781 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
782 background-color: rgba
(255, 255, 255, 0.8);
784 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
785 padding-right: 1.5em;
787 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
790 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
791 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
792 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
793 background-color: #fff;
796 .oo-ui-capsuleMultiselectWidget {
797 display: inline-block
;
802 .oo-ui-capsuleMultiselectWidget-handle {
807 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
808 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
813 .oo-ui-capsuleMultiselectWidget-content {
816 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
819 .oo-ui-capsuleMultiselectWidget-group {
822 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
825 .oo-ui-capsuleMultiselectWidget-focusTrap {
826 display: inline-block
;
830 .oo-ui-capsuleMultiselectWidget-handle {
833 padding: 0.15em 0.25em;
834 border: 1px solid
#a2a9b1;
836 -webkit-box-sizing: border-box
;
837 -moz-box-sizing: border-box
;
838 box-sizing: border-box
;
840 .oo-ui-capsuleMultiselectWidget-handle:last-child {
843 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
849 font-family: inherit
;
850 background-color: transparent
;
852 vertical-align: middle
;
854 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
858 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
862 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
866 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
870 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
874 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
877 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
878 padding-left: 2.475em;
880 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
884 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
885 padding-right: 2.4875em;
887 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
891 .oo-ui-capsuleMultiselectWidget-popup {
894 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
897 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
898 background-color: #fff;
900 -webkit-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
901 -moz-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
902 transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
904 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
905 border-color: #72777d;
907 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
910 box-shadow: inset
0 0 0 1px #36c;
912 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
914 text-shadow: 0 1px 1px #fff;
915 border-color: #c8ccd1;
916 background-color: #eaecf0;
918 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
921 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
924 .oo-ui-capsuleItemWidget {
926 display: inline-block
;
929 -webkit-box-sizing: border-box
;
930 -moz-box-sizing: border-box
;
931 box-sizing: border-box
;
936 border: 1px solid
#a2a9b1;
940 vertical-align: middle
;
942 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
943 display: inline-block
;
944 text-overflow: ellipsis
;
948 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
949 background-color: #f8f9fa;
951 padding-right: 1.5375em;
952 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
953 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
954 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
956 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:hover {
957 background-color: #fff;
959 border-color: #a2a9b1;
961 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:focus {
963 box-shadow: inset
0 0 0 1px #36c;
966 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
973 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
978 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
985 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
986 background-color: #eaecf0;
988 border-color: #c8ccd1;
989 text-shadow: 0 1px 1px #fff;
991 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
994 .oo-ui-searchWidget-query {
1000 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1003 .oo-ui-searchWidget-results {
1011 .oo-ui-searchWidget-query {
1014 border-bottom: 1px solid
#a2a9b1;
1016 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1019 .oo-ui-searchWidget-results {
1024 .oo-ui-numberInputWidget {
1025 display: inline-block
;
1029 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
1030 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1031 display: table-cell
;
1034 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1037 .oo-ui-numberInputWidget-field {
1039 table-layout: fixed
;
1042 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1045 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1052 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1055 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1056 border-top-right-radius: 0;
1057 border-bottom-right-radius: 0;
1058 border-right-width: 0;
1060 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1061 border-top-left-radius: 0;
1062 border-bottom-left-radius: 0;
1063 border-left-width: 0;